<!-- 页面中添加一个容器用于展示消息 -->
<div id="message-container" style="white-space: pre;"></div>

<script>
    // 假设用WebSocket接收消息
    const socket = new WebSocket('ws://127.0.0.1:8081/ws');
    const container = document.getElementById('message-container');

    socket.onmessage = function(event) {
        const data = JSON.parse(event.data);
        // 格式化消息为易读形式（如JSON字符串）
        const messageStr = `收到消息：\n${JSON.stringify(data, null, 2)}\n\n`;
        // 渲染到页面
        container.innerHTML += messageStr;
        // 自动滚动到底部
        container.scrollTop = container.scrollHeight;
    };
</script>